<template>
  <van-nav-bar title="关于" left-text="返回" left-arrow @click-left="goBack" />  <div class="about-popup">
    <div class="content">
      <img src="@/assets/logo.png" alt="Logo" class="logo" />
      <p class="version">v5.2.0</p>
      <ul>
        <li @click="openServiceAgreement">平台服务协议</li>
        <li @click="openLicense">资质证照</li>
        <li @click="checkForUpdates">检查新版本</li>
      </ul>
      <p class="icp">ICP备案号：南ICP备123456789号-18A</p>
    </div>
  </div>
</template>

<script>

export default {
  methods: {
    goBack() {
      this.$router.back(); // 使用 Vue Router 的 back 方法返回上一页
    },
    openServiceAgreement() {
      // Open service agreement
    },
    openLicense() {
      // Open license information
    },
    checkForUpdates() {
      // Check for updates
    }
  }
}
</script>

<style scoped>
.about-popup {
  text-align: center;
  padding: 20px;
}

header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.logo {
  width: 400px;
  height: 400px;
}

.version {
  margin: 10px 0;
}

ul {
  list-style: none;
  padding: 0;
}

li {
  margin: 10px 0;
  cursor: pointer;
}

.icp {
  margin-top: 20px;
}

footer {
  margin-top: 40px;
  font-size: 12px;
  color: gray;
}
</style>